<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>创建活动</title>
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
		 crossorigin="anonymous">
		
		<link href="../css/establish.css" rel="stylesheet" type="text/css" />

	</head>
	<body>
		<div id="whole">
			<div id="menu">hi吧导航栏</div>
			<div id="main">
				<h4 align="center">创建活动</h4>
				<div id="basic">基本信息</div>
				<div id="activite">
					<div id="theme">
						活动主题&nbsp;&nbsp;<input type="text" style="width: 70%;" placeholder="活动主题将显在大屏幕顶端,不超过15个字" />
					</div>
					<div id="type">
						活动类型&nbsp;&nbsp;<select style="width: 50%;">
							<option v-for="">这是第一个类型</option>
						</select>
					</div>
					<div id="area">
						所在区域&nbsp;&nbsp;
					</div>
					<div id="time">
						活动时间&nbsp;&nbsp;
					</div>
				</div>
				<div id="bt">
					<button type="button" class="btn btn-primary btn-lg btn-block">取消</button>
					<button type="button" class="btn btn-secondary btn-lg btn-block">确认创建</button>
				</div>
			</div>
		</div>
		<script>
			$(function(){
				var url ="all"
				var v = new Vue({
					el:'#main',
					data:{
						u:[]
					},
					created:function() {
						$.post("/ComeOnProject02/activity/add",function(result){
							v.u = result;
						});
					}
				})
			})
		</script>
	</body>
</html>
